<div class="widgets">
    <ba-card title="">
        <div class="form col-sm-11">
            <div class="form-group row">
                <div class="col-sm-6">
                    <div class="input-group">
                        <span class="input-group-addon" id="sizing-addon2"><i class="fa fa-search"></i>搜索</span>
                        <input type="text" class="form-control" placeholder="search" aria-describedby="sizing-addon2" [(ngModel)]="searchText">
                    </div>
                </div>
            </div>
        </div>

        <div>
            <button class="btn btn-primary" (click)="onNew()">新增</button>
        </div>
    </ba-card>

    <ba-card title="">
        <stop-detail [stop]="selectedStop" (onVoted)="getStops()"></stop-detail>
    </ba-card>

    <ba-card title="站点列表">
        <table class="table table-bordered table-hover">
    <thead>
        <th>站点ID</th>
        <th>站点顺序</th>
        <th>站点名称</th>
        <th>到达时间</th>
        <th>经度</th>
        <th>纬度</th>
        <th>状态</th>
    </thead>
    <tbody>
        <tr *ngFor="let stop of stops" [class.selected]="stop === selectedStop" (click)="onSelect(stop)">
            <td>
                <span class="badge">{{stop.stop_id}}</span></td>
            <td>{{stop.stop_seq}} </td>
            <td>{{stop.stop_name}} </td>
            <td>{{stop.arrive_time}}</td>
            <td>{{stop.longitude}}</td>
            <td>{{stop.latitude}}</td>
            <td>{{stop.status}}</td>
        </tr>
    </tbody>
</table>
    </ba-card>
</div>
